body {
    background: url(../img/login/background.jpg) no-repeat;
    background-size: cover;
    height: 100vh !important;
}

.title span {
    border-top: 3px solid #0c9ad2 !important;
    padding-inline: .5em;
}

.form-control:focus {
    border-bottom-color: #16CCBD !important;
}

.login-btn {
    /* background: rgb(17, 126, 175); */
    background: linear-gradient(345deg, rgba(17, 126, 175, 1) 0%, rgba(1, 137, 116, 1) 35%, rgba(1, 133, 192, 1) 100%);
    transition: background-color 1s ease-in-out;
}

.login-btn:hover {
    background: linear-gradient(342deg, rgba(17, 126, 175, 1) 0%, rgba(1, 137, 116, 1) 35%, rgba(1, 192, 176, 1) 100%);
}

.sign-up-msg {
    font-size: .9em;
}


@media only screen and (max-width:550px) {
    body {
        background-position: right bottom;
    }

}